/*--------- Colores -----------------*/
/*----degradados----*/
/*-rojo-*/
/*-amarillo-*/
@font-face {
  src: url('../../../fonts/SourceSansPro-Light.ttf');
  font-family: SourceSansLight;
}
@font-face {
  src: url('../../../fonts/SourceSansPro-Regular.ttf');
  font-family: SourceSansRegular;
}
header {
  color: white;
  font-family: SourceSansRegular;
  height: 50px;
  opacity: 0.9;
}
header .user {
  background-color: #e9ba2c;
  height: 50px;
}
header .user .user-name {
  line-height: 50px;
}
header .user img {
  height: 45px;
  width: auto;
}
header .user span {
  color: black;
  font-family: SourceSansRegular;
  font-size: 1.2em;
  line-height: 50px;
}
header .datetime {
  background-color: white;
  border-bottom: 3px solid;
  border-bottom-color: #8f0222;
  color: black;
  height: 50px;
}
header .datetime .date,
header .datetime .time {
  font-size: 1.2em;
  line-height: 50px;
  text-align: right;
  word-spacing: 0.1em;
}
header .datetime .icon-time,
header .datetime .icon-calendar {
  line-height: 50px;
  padding-right: 10px;
}
header .userdata-area {
  background-color: #8f0222;
  height: 100%;
  line-height: 50px;
}
header .userdata-area img {
  width: 45px;
  height: 40px;
}
.sidebar {
  background: black;
  display: block;
  float: left;
  font-family: SourceSansRegular;
  font-size: 15px;
  margin: 0;
  opacity: 0.9;
  padding: 0;
}
.sidebar .sidebar-nav {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=1);
}
.sidebar .sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar .sidebar-nav ul li,
.sidebar .sidebar-nav ul a {
  display: block;
}
.sidebar .sidebar-nav ul a {
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08) inset;
  color: white;
  height: 50px;
  padding: 1em 0.3em;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.sidebar .sidebar-nav ul a:hover,
.sidebar .sidebar-nav ul a:focus,
.sidebar .sidebar-nav ul a:active {
  background-color: #333333;
  text-decoration: none;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.sidebar .sidebar-nav ul a i {
  font-size: 1.4em;
}
.sidebar .sidebar-nav ul ul a {
  padding: 1em 1.5em;
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar .sidebar-nav ul ul a:hover,
.sidebar .sidebar-nav ul ul a:focus,
.sidebar .sidebar-nav ul ul a:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.sidebar .sidebar-nav ul .arrow {
  float: right;
}
.sidebar .sidebar-nav ul .glyphicon.arrow:before {
  content: "\e114";
}
.sidebar .sidebar-nav ul .active > a > .glyphicon.arrow:before {
  content: "\e113";
}
.sidebar .sidebar-nav ul .fa.arrow:before {
  content: "\f104";
}
.sidebar .sidebar-nav ul .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .sidebar-nav ul .plus-times {
  float: right;
}
.sidebar .sidebar-nav ul .fa.plus-times:before {
  content: "\f067";
}
.sidebar .sidebar-nav ul .active > a > .fa.plus-times {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar .sidebar-nav ul .plus-minus {
  float: right;
}
.sidebar .sidebar-nav ul .fa.plus-minus:before {
  content: "\f067";
}
.sidebar .sidebar-nav ul .active > a > .fa.plus-minus:before {
  content: "\f068";
}
.sidebar-nav-item {
  padding-left: 5px;
}
.sidebar-nav-item-icon {
  padding-right: 5px;
}
section {
  font-family: SourceSansRegular;
  overflow-y: auto;
}
section article {
  background-color: white;
  border-radius: 3px;
  padding: 1em;
}
section article .export {
  background-color: #dddddd;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
}
section article .export ul {
  margin: 0;
  padding: 0;
}
section article .export ul li {
  display: inline;
  float: right;
  list-style: none;
}
section article .export ul li a {
  color: black;
  display: block;
  padding: 5px 1em;
  text-decoration: none;
}
section article .export ul li a .docs-icon {
  font-size: 20px;
  line-height: 30px;
}
section article .title {
  font-family: SourceSansRegular;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
}
section article thead {
  background-color: #e9ba2c;
}
